<datalist>

The HTML <datalist> element contains a set of <option> elements that represent the values available for other controls.

The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.

AttributesSection

This element has no other attributes than the global attributes, common to all elements.

ExamplesSection

<label for="myBrowser">Choose a browser from this list:</label>
<input list="browsers" id="myBrowser" name="myBrowser" />
<datalist id="browsers">
  <option value="Chrome">
  <option value="Firefox">
  <option value="Internet Explorer">
  <option value="Opera">
  <option value="Safari">
  <option value="Microsoft Edge">
</datalist>

ResultSection

SpecificationsSection

Browser compatibilitySection

PolyfillSection

Include this polyfill to provide support for older and currently incompatible browsers:
datalist-polyfill

See alsoSection

• The <input> element, and more specifically its list attribute;
• The <option> element.